$header-background-color: #0050b3;
$header-background-color-dark: var(--el-bg-color);
$main-background-color: #00071f;
$main-background-color-dark: var(--el-bg-color);
$footer-background-color: #00071f;
$footer-color: #ffffff;

$page-aside-background-color: #00071f;
$page-aside-background-color-dark: var(--el-bg-color-overlay);
$page-aside-margin-right: 12px;

$header-height: 100px;
$aside-width: 200px;
$aside-background-color: #00071f;
$footer-height: 30px;
$aside-height: calc(100vh - $header-height - $footer-height);
$breadcrumb-padding: 12px;
$breadcrumb-height: 38px;
$main-height: calc(
    100vh - $header-height - $footer-height - $breadcrumb-height
);
$main-content-padding: 12px;
$main-content-background-color: #00071f;
$main-content-background-color-dark: var(--el-bg-color-overlay);
$main-component-margin: 12px;
$main-content-height: calc(
    100vh - $header-height - $footer-height - 2 * $main-component-margin -
        $breadcrumb-height
);
$main--header-content-height: calc(
    100vh - $header-height - $footer-height - 2 * $main-component-margin -
        $breadcrumb-height - 68px
);

$dialog-header-background-color: #17274e;
$dialog-header-background-color-dark: var(--el-dialog-bg-color);

// 下面的待规范...请勿继续使用

// 颜色常用变量
$base-color: #0050b3;
$base-color1: #999999;
$base-color2: #e4f5ff;
$base-color3: #ffffff;
$base-color4: #f0f2f5;
$base-color5: #e9e9e9;
$base-color6: #bde5fe;
$base-color7: #000000;
$base-color8: #505050;
$base-color9: #1890ff;
$base-color10: #a6a6a6;
$base-color11: #e7f4ff;
$base-color12: #ccd9e9;
$base-color13: #bde5fe;
$base-color14: #ececec;
$base-color15: #cccccc;
$base-color16: #d9d9d9;
$base-color17: #cfcfcf;
$base-color18: #f6fafc;
$base-color19: #f0f6ff;
$base-color20: #f6f6f6;
$base-color21: #e0e0e0;
$base-color22: #eaeaea;

// 字体大小常用变量
$base-font-size: 30px;
$base-font-size1: 24px;
$base-font-size2: 20px;
$base-font-size3: 18px;
$base-font-size4: 16px;
$base-font-size5: 15px;
$base-font-size6: 14px;
$base-font-size7: 14px;
$base-font-size8: 12px;
$base-font-size9: 11px;
